<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/bootstrap-icons.css" />
    <script src="../js/bootstrap.bundle.js"></script>
    <title>有道-学习</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/xuexi.css" />
  </head>

  <body>
    <div class="mian">
      <!-- 导航 -->
      <header>
        <!-- 版心 -->
        <div class="content">
          <!-- logo -->
          <div class="logo">
            <img src="./img/xuexi/youdaologo.24a063b.png" alt="" />
            <div class="split"></div>
            <div class="des">有道学习硬件</div>
          </div>
          <ul>
            <li>
              <p>词典笔</p>
              <span>新品</span>
            </li>
            <li>
              <p>智能学习灯</p>
            </li>
            <li>
              <p>AI学习机</p>
              <span>新品</span>
            </li>
            <li>
              <p>听力宝</p>
            </li>
            <li>
              <p>翻译王</p>
            </li>
            <li>
              <p>超级词典</p>
            </li>
            <li>
              <p>口袋打印机</p>
            </li>
            <li>
              <p>星际小方</p>
            </li>
            <li>
              <p>更多</p>
            </li>
          </ul>
          <div class="language">
            <div class="text-01">
              购买渠道
              <div class="icon buy"></div>
            </div>
            <div class="text-02">
              中文
              <div class="icon lan"></div>
            </div>
          </div>
        </div>
      </header>
      <!-- 页面内容 -->
      <div class="container">
        <!-- 第一层 -->
        <div class="col1">
            <div class="full">
                <div class="swiper">

                </div>
            </div>
        </div>
        <!-- 第二层 -->
        <div class="col2"></div>
        <!-- 第三层 -->
        <div class="col3"></div>
      </div>
    </div>
  </body>
</html>
